@charset "UTF-8";
/* CSS Document */

#marquee{float:left;width:100%;margin-top:15px;position:relative;height: 500px;z-index: 100;}
#marquee .rotate{height:449px;position:relative;width:100%}
#marquee .rotate .rotatee{height:100%;left:0;position:absolute;top:0;width:100%}
#marquee .rotate .rotatee .caption{position:absolute;top:50%;transform:translateY(-50%);margin:0 auto;display:block;width:100%}
#marquee .rotate .rotatee .caption h1{text-align:center;font-size:2rem;font-weight:400;color:#FFF;background-color:rgba(131,130,129,.5);padding:10px 20px;width:51%;margin:0 auto}
#marquee .rotate .button_container{bottom:-30px;display:block;position:absolute;text-align:center;width:100%}
#marquee .rotate .button_container .button_list_container{display:inline-block;position:relative;width:auto}
#marquee .rotate .button_container .button_list_container .button_list_item{background-color:#1432AA;width:15px;height:15px;float:left;margin-left:5px;cursor:pointer;border-radius:10px}
#marquee .rotate .button_container .button_list_container .button_list_item.active{background-color:#c1c1c3;width:15px;height:15px;float:left;margin-left:5px;cursor:pointer;border-radius:10px}
#content{float:left;margin-top:20px;width:100%}
#content .container .marquee 
#marquee-title-box{text-align:center}
#content .container .marquee 
#marquee-title-box h1{color:#FFF}
#content .container .marquee #marquee-title-box h2{color:#FFF;font-size:1.5rem;font-weight:400}
#content .container .marquee #marquee-title-box p{color:#FFF;font-size:.875rem;text-align:left}
#content .container .marquee #title{height:250px;width:100%}
#content .container .marquee #title .forty h1{color:#fff;font-size:4.063rem;line-height:4.063rem;position:absolute;top:41%}
#content .container .marquee #marquee-touts{display:table;position:relative}
#content .container .marquee #marquee-touts .marquee-tout-left,#content .container .marquee #marquee-touts .marquee-tout-right{display:table-cell;float:none;vertical-align:middle}#content .container .marquee #marquee-touts .marquee-tout-left.gray{background:#333;min-height:240px}
#content .container .marquee #marquee-touts .marquee-tout-left.gray h2{color:#fff;font-size:1.688rem;line-height:2.313rem;padding:50px 40px}
#content .container .marquee #marquee-touts .marquee-tout-right h3{color:#fff;font-size:16px;font-weight:400;line-height:28px;padding:40px 25px}
#marquee .rotate .rotatee .container .caption{top:35%;left:0}
#marquee .rotate .rotatee .container .caption h1{font-size:.9rem;width:82%}

/*movie display*/
video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 1;
}